<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet/less" href="./css/common-1.less">
    <link rel="stylesheet/less" href="./css/index.less">
    <link rel="stylesheet/less" href="./css/about.less">
    <link rel="stylesheet/less" href="./css/contact.less">
</head>

<body>
    <div id="bcground">

        <header>
            <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-between">
                <a class="navbar-brand" href="./index.html"><img src="./picture/logo.png" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div>
                    <div class="collapse navbar-collapse " id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="./index.html" id="navbarDropdown"
                                    role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Home
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="./index.html">Home Style 01</a>
                                    <a class="dropdown-item" href="./index.html">Home Style 02</a>
                                    <a class="dropdown-item" href="./index.html">Home Style 03</a>
                                    <a class="dropdown-item" href="./index.html">Home Style 04</a>
                                    <a class="dropdown-item" href="./index.html">Home Style 05</a>
                                    <a class="dropdown-item dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Header
                                        Styles</a>
                                    <div class="dropdown-menu menu-1" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="#">Home Style 01</a>
                                        <a class="dropdown-item" href="#">Home Style 02</a>
                                        <a class="dropdown-item" href="#">Home Style 03</a>
                                        <a class="dropdown-item" href="#">Home Style 04</a>
                                        <a class="dropdown-item" href="#">Home Style 05</a>
                                    </div>

                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="./about.html">About</a>
                            </li>
                            <!-- <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Portfolio
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="#">Portfolio Type 01</a>
                                    <a class="dropdown-item" href="#">Portfolio Type 02</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="#">Portfolio Single</a>
                                </div>
                            </li> -->
                            <li class="nav-item">
                                <a class="nav-link" href="./page.html">Pages</a>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Blog
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="./blog.html">Blog Gird</a>
                                    <a class="dropdown-item" href="#">Blog Classic</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="#">Blog Single</a>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" style="color: #059f81 !important;">Contact</a>
                            </li>
                            <li class="nav-item logo"><a href="#"><img src="./logo/搜索.png" alt=""></a></li>
                            <li class="nav-item logo"><a href="#"><img src="./logo/分享.png" alt=""></a></li>
                        </ul>



                    </div>

                </div>
            </nav>
        </header>
        <!-- 主页 -->
        <div class="main">
            <div class="item">
                <h1>CONTACT US</h1>
            </div>
            <div class="item-1" style="color: #059f81;"> <a href="#" style="color: white;">home </a>- Contact Us</div>
        </div>

    </div>

    <!-- 信息 -->
    <div class="messAge">
        <div class="ibox">
            <h3>It is a long established fact that a reader will be distracted by the readable
                content of a page when looking at its layout.</h3>
            <div class="ibox-content">
                <div class="left">
                    <ul>
                        <li>1904 Capitol Avenue,<br>Indianapolis, in, Indiana 46214.</li>
                    </ul>
                    <ul>
                        <li><a href="#">+1 (800) 456 37 11</a><br><a href="#">+1 (700) 456 37 22</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">info@example.com</a><br><a href="#">info@example.com</a></li>
                    </ul>
                </div>
                <div class="right">
                    <form action="#">
                        <div class="mid">
                            <input type="username" placeholder="name">
                            <input type="email" placeholder="email">
                            <input type="text" placeholder="phone">
                            <input type="text" placeholder="subject">
                        </div>
                        <div class="RiGht">
                            <input class="mes" type="text" placeholder="your message">
                            <input class="sub" type="submit" value="Send">
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>


    <div class="bottom">
        <div class="follow">
            <h1>Fellow me</h1>
            <form action="#">
                <div class="email">
                    <input type="text" placeholder="Enter your email">
                    <button>Subscribe</button>
                </div>

            </form>
        </div>
        <div class="last">
            <div class="left">
                <figure>
                    <a href="#">
                        <img src="./picture/footer-logo.png" alt=""></a>
                </figure>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./logo/facebook.png" alt="" style="width: 60%;">
                        </a>
                    </li>
                    <li><a href="#">
                            <img src="./logo/twitter.png" alt="" style="width: 75%;">
                        </a></li>
                    <li><a href="#">
                            <img src="./logo/instagram.png" alt="" style="width: 75%;">
                        </a></li>
                    <li><a href="#">
                            <img src="./logo/ipr_消息.png" alt="" style="margin: 0%;">
                        </a></li>
                </ul>
                <div class="right-right">
                    <span>© 2019. All rights reserved by</span>
                    <a href="#">17sucai</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.min.js"></script>
<script src="./js/wow.min.repeat.js"></script>
<script>
    new WOW().init();
</script>
